<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" type="text/css" href="/libs/swiper/css/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="/libs/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/css/detail.css">
    <title>商品详情</title>
</head>

<body>
    <header></header>
	
	<section>
		
		<div id="contain">
			<p class="menuP"></p>
			<script type="text/html" id ="menuPTemplate">
				良仓
				<span>></span>
				{{if cname}}
					<span>{{cname}}</span>
				>
				{{/if}}
				<span>{{title.slice(0,14) + '...'}}</span>
			</script>
			
			
			<div class="mainDetail container" id="mainDetail">
				 <!-- 左边展示轮播图  swiper -->
				<!-- <div class="swiper-container" id="swiper-container"></div>
				 -->
				 <div id="design"></div> 
				<!-- 模板 -->
				<script type="text/html" id="designTemplate">
					<div class="depic">
					   <img src="{{photo[0].url}}" class="zoom-image">
					   <div class="imgs">
						<ul id="gal1">
							{{each photo img}}
							<li>
								<a class="zoomGalleryActive" href="javascript:;" data-image="{{img.url}}" data-zoom-image="{{img.url}}">
									<img src="{{img.url}}" class="smallpic">
								</a>
							</li>
							
							{{/each}}
							
						</ul>
					   </div>
					</div>
				</script>
				
			
				<!-- <div class="smallSwiper">
					<!-- 如果需要分页器 -->
					<!-- <div class="swiper-pagination"></div> -->
					<!-- 如果需要导航按钮 -->
					<!-- <div class="swiper-button-prev" id="swiper-left"></div>
					<div class="swiper-button-next" id="swiper-right"></div>
				</div> -->
				
				<!-- 放大图   js -->
				<!-- <div class="bigImg" style="display: none">
					<img src="/img/banner4.jpg" >
				</div> -->
			</div>
			
			<!-- 右边数据信息  需要模板渲染 -->
			<div class="goodsInfo" id="goodsInfo"></div>
			<script type="text/html" id="goodsInfoTemplate">
				
				<div class="goodsFavCount" id="goodsDteFavBtn">{{favoritedCount}}</div>
				     <div class="gdName" style="margin-top:10px;font-size:24px;height:auto;line-height:36px;vertical-align:middle;">
				        	<a href="" target="_blank">{{shop.title}}</a>
				      </div>
				 <div class="gdName" style="font-size:20px;min-height: 52px;widht:340px"> {{title}} </div>
				 <div class="infoItem" style="font-size:12px;line-height:18px;color:rgb(153,153,153); padding-top: 5px;padding-bottom: 32px">价格:&nbsp; &nbsp; 
					 <span style="color:rgb(16,131,255);font-size: 18px" id="goodsPrice">¥{{price}}</span> 
					 <span style="color:#999;text-decoration:line-through" id="goodsPrice_orig">¥{{tbOriginPrice}}</span>  
				 </div>
							
					<div class="shipNote" style="font-size: 12px;width:300px;padding-left: 44px;">
				    <span style="background:url(https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24690.png) no-repeat left center;margin-left: 0px;background-size: 14px 14px;padding-left: 17px;color:rgb(153,153,153)">
				            免运费
				    </span>
				    <span style="background: url(https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24689.png) no-repeat left center;background-size: 12px 14px;padding-left: 17px;color:rgb(153,153,153)">
				           正品授权
				    </span>
				 </div>
				<p class="clr"></p>
							
				<div class="infoItem sizeCon" id="goodType_8" style="font-size: 12px;color:rgb(153,153,153);min-height: 50px;height: auto;margin-top: 10px">服务: &nbsp;&nbsp;
				    <div class="itemCon">
						 {{each accessoryHints size}}
								<a href="" class="item goodsAttr8" style="margin-right: 8px;border:1px solid; " >{{size}}</a>
							{{/each}}
				                
				    </div>
				 </div>
				  
				       
				        <div class="infoItem amountCon" style="font-size: 12px;color:rgb(153,153,153);border-bottom-color: white">数量: &nbsp;&nbsp;
				           <div class="mopt">
				               <a href="javascript:;" id="less">
									 <img src="https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24748.png" width="13px" height="13px">
								</a>
				               <input type="text" class="inpt" value="1" id="goodsAmount" name="goodsAmount" >
				               <a href="javascript:;" id="more">
									<img src="https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24750.png" width="13px" height="13px">
								</a>
				           </div>
				        </div>
							
							
				      <input type="hidden" name="is_gift" id="is_gift_goods" value="0">
							
							
				       <div class="infoItem buyAll" style="padding-bottom:0px;">
				        	<a href="javascript:;" class="buy2" id="buyNow">立即购买</a>
				       	<p style="display:none" id="goodsBuyOver">已售罄，即将到货</p>
				       </div>
							
				       <div class="infoItem" style="height:36px;">
				       	
				       	<div href="" class="btn138_34 addcar2" id="addCartBtn" >
							<a style="margin-left:58px; display:block; width:100%;height: 100%;">加入购物车</a>
						</div>
				           
						<a href="javascript:;" class="btn138_34 shareTo2">
							<span style="margin-left:15px">分享</span>
						</a>
						
				       </div>
			</script>
			
			
			<div class="tuijian">
				<h3>猜你喜欢</h3>
				<ul id="likeUl"></ul>
				
				<script type="text/html" id="likeUlTemplate">
					{{each descContentList img}}
						<li>
							<img src="{{img.image.url}}" >
							<p class="title">{{title}}</p>
							<p class="name">{{shop.title}}</p>
							<span class="price">￥{{price}}</span>
						</li>
					{{/each}}
					
				</script>
				
			</div>
			
			<!-- 清除浮动 -->
			<div class="clearNull"></div>
		
		</div>
			
	</section>
	
	<!-- 更多图片展示详细信息 -->
	<div class="detailMore"></div>
	<script type="text/html" id="detailMoreTemplate">
		{{each descContentList item}}
			{{if item.photo}}
				<img src = "{{item.photo.url}}" >
			{{/if}}
		{{/each}}
	</script>

	
	
	
	<!-- 尾部 -->
	<footer></footer>
	
</body>

<script src="/libs/require/require.min.js" data-main="/js/detail"></script>

</html>